import {StyleSheet, Dimensions} from 'react-native';
import px2dp from '../../utils/px2dp';
const deviceHeight = Dimensions.get('window').height;
const styles = StyleSheet.create({
  reading_tab: {
    flexDirection: 'row',
    height: px2dp(68),
    borderBottomColor: '#EEEEEE',
    borderBottomWidth: px2dp(1),
  },
  btn_text_selected: {
    color: '#EB0029',
    fontWeight: 'bold',
  },
  selected: {
    width: px2dp(24),
    height: px2dp(5),
    backgroundColor: '#EB0029',
    borderRadius: px2dp(3),
    position: 'absolute',
    bottom: 0,
    left: '50%',
    marginLeft: px2dp(-12),
  },
  tab_btn: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'center',
  },
  tab_content_air: {
    paddingRight: px2dp(135),
    paddingLeft: px2dp(135),
    paddingTop: px2dp(175),
    flex: 1,
    alignItems: 'center',
  },
  tab_content: {
    paddingRight: px2dp(28),
    paddingLeft: px2dp(28),
    paddingTop: px2dp(21),
  },
  wrapper_container: {
    height: px2dp(280),
    marginHorizontal: px2dp(24),
  },
  reading_edit: {
    height: px2dp(93),
    width: px2dp(93),
    position: 'absolute',
    bottom: px2dp(200),
    right: px2dp(21),
  },
  //
  center: {
    textAlign: 'center',
  },
  f24: {
    fontSize: px2dp(24),
  },
  c9: {
    color: '#999',
  },

  // 话题详情样式
  head_container: {
    flexDirection: 'row',
    paddingHorizontal: px2dp(24),
    height: px2dp(75),
    alignItems: 'center',
  },
  avatar: {
    width: px2dp(68),
    height: px2dp(68),
    backgroundColor: 'red',
    borderRadius: px2dp(34),
    marginRight: px2dp(17),
  },
  name_time: {
    flex: 1,
    height: px2dp(68),
    alignContent: 'space-between',
  },
  name_time_top: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
    paddingVertical: px2dp(9),
  },
  name_text: {
    fontSize: px2dp(26),
    color: '#333',
    fontWeight: 'bold',
  },
  time_t_text: {
    color: '#999',
    fontSize: px2dp(20),
  },
  time_b_text: {
    color: '#999',
    fontSize: px2dp(14),
  },
  topic_content: {
    padding: px2dp(24),
  },
  content_text: {
    color: '#333',
    fontSize: px2dp(26),
  },
  img_container: {
    paddingHorizontal: px2dp(24),
  },
  topic_img: {
    width: '100%',
    height: px2dp(248),
    backgroundColor: '#ccc',
  },
  comment: {
    flex: 1,
    paddingVertical: px2dp(34),
  },
  children_commen: {
    paddingLeft: px2dp(34),
  },
  children_head_container: {
    flexDirection: 'row',
    paddingHorizontal: px2dp(24),
    height: px2dp(50),
    alignItems: 'center',
  },
  children_avatar: {
    width: px2dp(44),
    height: px2dp(44),
    backgroundColor: 'red',
    borderRadius: px2dp(22),
    marginRight: px2dp(17),
  },
  children_name_time: {
    flex: 1,
    height: px2dp(60),
    alignContent: 'space-between',
  },
  children_name_time_top: {
    flex: 1,
    flexDirection: 'row',
    justifyContent: 'space-between',
  },
  children_name_text: {
    fontSize: px2dp(24),
    color: '#333',
    fontWeight: 'bold',
  },
  children_time_t_text: {
    color: '#999',
    fontSize: px2dp(14),
  },
  children_time_b_text: {
    color: '#999',
    fontSize: px2dp(14),
  },
  children_topic_content: {
    padding: px2dp(24),
  },
  children_content_text: {
    color: '#333',
    fontSize: px2dp(24),
  },
  review_img: {
    width: px2dp(120),
    height: px2dp(160),
  },
});
export default styles;
